<body background="./img/bg.png">

<table width="100%" height=100% border="0">
  <tr>
    
    <td width=25% height="330" style="border: 1px solid #000000"><img src="./img/main1.png" width=245 height=486 ></td>
    
    <td width=25% style="border: 1px solid #000000"><table width="200" border="0">
      <tr>
        <td><a href="JavaScript:alert('Not Available in this prototype')"><img src="./img/main2.png" border=0 width=230 height=162></a></td>
      </tr>
      <tr>
        <td><a href="JavaScript:alert('Not Available in this prototype')"><img src="./img/main3.png" border=0 width=230 height=162></a></td>
      </tr>
      <tr>
        <td><a href="JavaScript:alert('Not Available in this prototype')"><img src="./img/main4.png" border=0 width=230 height=162></a></td>
      </tr>
    </table></td>
    
	<td width=25% align="left" valign="top" style="border: 1px solid #000000;padding-top:5;padding-left:5">
	<p><strong>Top 3 Recipes</strong></p>
	<p><a href="JavaScript:alert('Not Available in this prototype')"><img border=0 src="./img/main5.png"></a></p>
	</td>


	<td width=25% valign="top" style="border: 1px solid #000000;padding-top:5;padding-left:5">
	<p><strong>Latest News</strong></p>
<font size="2">
	<p>2011/04/21<br />New ingredients added<br />New Course added</p>
	<p>2011/04/20<br />New Course added</p>
	<p>2011/04/19<br />New Course added</p>
	<p>2011/04/18<br />New Course added</p>
	<p>2011/04/17<br />Faster loading time in Cooking Simulator</p>
</font>
	</td>
  </tr>

  <tr>
    <td colspan=2 valign="top" style="border: 1px solid #000000;padding-top:5;padding-left:5">
    <p><strong>Useful Links:</strong></p>
<font size="2">
    <p>COMP3620 Course Website<br />
    <a href="http://www.comp.hkbu.edu.hk/~comp3620/" target="_blank">http://www.comp.hkbu.edu.hk/~comp3620/</a></p>
    <p>Hong Kong Baptist University<br />
    <a href="http://www.hkbu.edu.hk" target="_blank">http://www.hkbu.edu.hk</a></p>
</font>
    </td>
    
    <td colspan=2 valign="top" style="border: 1px solid #000000;padding-top:5;padding-left:5">
    <p><strong>Cooking Tips</strong>:</p>
<font size="2">
    <p>How to learn cooking by <b>Thomas Ho</b><br />
    <a href="JavaScript:alert('Not Available in this prototype')">Click to learn more</a></p>
    <p>How to choose tools by <b>SingSing Lam</b><br />
    <a href="JavaScript:alert('Not Available in this prototype')">Click to learn more</a></p>
    <p></p>
    <p><a href="JavaScript:alert('Not Available in this prototype')">...Read More</a></p>
</font>
    </td>
  </tr>

</table>
